/*
App-o-Mat jQuery Mobile Cordova starter template
Copyright 2014 Lou Franco
https://github.com/app-o-mat/jqm-cordova-template-project
http://app-o-mat.com

MIT License
https://github.com/app-o-mat/jqm-cordova-template-project/LICENSE.md
*/

/* Make the webviews act less like a browser, and more like an app*/
body {
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -webkit-user-select: none;
}

/**
* PAGINA MENU
*/
#page-menu {
        background: transparent url('http://4.bp.blogspot.com/-zStIywEYhkA/UcpVHFHNcxI/AAAAAAAAAt0/HvLi_zDHASQ/s1600/panda+iphone+background+free.jpg') repeat left top;
}


/**
* PAGINA PRINCIPAL
*/
#page-principal {
        background: transparent url('http://4.bp.blogspot.com/-zStIywEYhkA/UcpVHFHNcxI/AAAAAAAAAt0/HvLi_zDHASQ/s1600/panda+iphone+background+free.jpg') repeat left top;
}

/**
* PAGINA TELEFONOS
*/
#page-telefonos {
        /*background: transparent url('http://onwardstate.com/wp-content/uploads/2012/11/golden-retreiver-puppies.jpeg') no-repeat left top; */
        /*background: transparent url('http://4.bp.blogspot.com/-zStIywEYhkA/UcpVHFHNcxI/AAAAAAAAAt0/HvLi_zDHASQ/s1600/panda+iphone+background+free.jpg') repeat left top;*/
        background: transparent url('http://www.codeproject.com/KB/mobile/439871/BackgroundImage.png') repeat left top;
}

#page-telefonos-list li, #page-telefonos-list li a {
    background-color: transparent !important;
    background-image: url('') !important;
}


/**
* POP UP MENU
*/
#popupMenu-popup {
    /* Aliniado a la derecha
    right: 0 !important;
    left: auto !important;
    */


    /*Aliniado a la izq*/
    left: 0 !important;
    right: auto !important;
    
}

#popupMenu {
    width: 200px;
    border: 1px solid #000;
    border-right: none;
    background: rgba(0,0,0,.5);
    margin: -1px 0;

    /*Para que crezca cuando haya mas servicios*/
    overflow-y: auto;
}

#popupMenu .ui-btn {
    margin: 2em 15px;
}

#popupMenu #popup-menu-items ul {
    padding-bottom: 10px;
}

.submuneu li {
    padding: 10px;
}




/*************************************************************
**************************************************************
****************GALERIA DE IMAGENES***************************
**************************************************************
*************************************************************/

.iGallery       {list-style:none; padding:0px; margin:0px; overflow: auto;}
.iGallery li    {list-style:none; padding:2px; margin:2px; border:1px solid #999; float:left}
/* imageflip CSS. Copy & Paste this to your CSS file */
#imageflippage  {background-color:#000; margin:0px; padding:0px; border:none; height:100%; width:100%}
#tadcontent     {padding:0px; margin:0px; position:relative; background:#000; height:100%; width:100%;}
#imageflipimg   {vertical-align:middle; height:100%; width:100%; z-index:98; background-position:center; background-size:contain; text-align:center; background-repeat:no-repeat }
#imagefliper    {width:100%; top:45px; bottom:0px; position:absolute; z-index:99}
#tadnavi        {position:fixed; top:0px; z-index:100; width:100%; opacity:0.7; display:none }
#tadinfo        {position:fixed; display:none; bottom:0px; width:100%; padding:5px; background-color:#333333; opacity:0.7; color:#FFFFFF; text-align:center; font-size:small; font-family:Verdana, Geneva, sans-serif}





/*************************************************************
**************************************************************
****************page-principal***************************
**************************************************************
*************************************************************/
#page-principal #header
{
    padding-left: 15px;
    padding-top: 15px;
}

#page-principal-tiempo
{
    overflow: auto;
    width: 100%;
    bottom: 0px;
    position: absolute;
    margin-bottom: 5px;
}

#page-principal-tiempo .temperatura
{
    float: left;
    width: 50%;
    /*background: none repeat scroll 0% 0% red;*/
    text-align: right;
    margin: 0px;
    margin-left: 0px;
    
    font-size: 70px;
    color: #58E198;
    letter-spacing: -3px;
    border-right-color: #58E198;
    border-right-style: solid;

    padding-right: 20px;
}

#page-principal-tiempo .divImage
{
    /*float: right;*/
    /*background: none repeat scroll 0% 0% blue;*/
    /*width: 50%;*/


    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    text-align:left;
    font: 0/0 a;

    margin-left: 50%;
    padding-left: 50px;
}

 #page-principal-tiempo .divImage:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

#page-principal-tiempo .image
{
    vertical-align: middle;
    display: inline-block;
}


#page-principal-logo
{
    margin-top: 5%;
    margin-bottom: 2%;
}

#page-principal-logo img
{
    display: block;
    margin-left: auto;
    margin-right: auto
}

#page-principal-logo img:hover
{
    opacity: 0.75;
}

.barra_texto 
{
    background-color: #58E198;
    color: #FFF;
    padding-left: 2%;
    padding-top: 2px;
    padding-bottom: 2px;
    text-shadow: none;
    font-weight: bold;
}